/*
  学习目标：了解-什么是非受控组件
  非受控组件: 表单元素的值不受state的控制, 由dom本身管理
  受控组件: 不用访问DOM, 👍更符合数据驱动的思想
*/

import React, { Component } from 'react';

export default class App extends Component {
  state = {
    name: 'zs',
    isSingle: true,
  };

  handleSubmit = () => {
    const ipt = document.querySelector('#name');
    console.log('ipt  ----->  ', ipt);
  };

  render() {
    return (
      <div>
        <input id="name" type="text" />
        <input id="isSingle" type="checkbox" />
        <button onClick={this.handleSubmit}>点我提交</button>
        <input id="name" type="radio" />
      </div>
    );
  }
}
